<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Document</title>
    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/comment.css">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script>window.location="../pages-ie/ResourcesDetails.html"</script>
    <![endif]-->
    <!-- 
    <style>
        ul,
        li {
            list-style: none;
            margin: 0;
            padding: 0;
            border-color: white;
        }

        li:hover,
        .active {
            /*border-top: 10px solid;*/
            border-color: #4fa5df;
            color: #4fa5df;
        }
    </style> -->


</head>

<body>
    <div class="wraper">
        <!-- 头部 -->
        <div class="head">
            <div class="head-c w">
                <img src="../img/Logo.png" alt="" srcset="">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">视频资源</a></li>
                    <li><a href="#">可执行文件</a></li>
                    <li><a href="#">音频资源</a></li>
                    <li><a href="#">文档资源</a></li>
                </ul>
                <div class="search">
                    <input type="text">
                    <span>搜索</span>
                    <div class="userImg">
                        <img src="../img/Logo.png" alt="" srcset="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 内容 -->
        <div class="content">
            <div class="content-c w">
                <div class="content-c-left">
                    <div class="content-c-left-top">
                        <ul>
                            <li>
                                <img src="../img/Logo.png" alt="">
                                <p>王大翠</p>
                            </li>
                            <li>
                                <span>上传资源 ： 10</span>
                                <span>下载资源 ： 10</span>
                            </li>
                        </ul>

                    </div>
                    <div class="content-c-left-bootom">
                        <ul>
                            <li>
                                <a href="#">
                                    <span class="line"></span>
                                    <span>用户中心</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="line"></span>
                                    <span>资源管理</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="line"></span>
                                    <span>评论留言</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="line"></span>
                                    <span>个人信息</span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="line"></span>
                                    <span>收支明细</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content-c-right">
                    <div class="content-c-r-top">
                        <span>评论留言</span>
                        <a href="#" style="width: 32px;
                        height: 21px;
                        font-family: Segoe UI;
                        font-size: 16px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 41px;
                        letter-spacing: 0px;
                        color: #ee3333;
                        margin-right: 4px;
                        "
                            class="pull-right">删除</a>
                    </div>
                    <!-- 搜索输入框 -->
                    <div class="search">
                        <input type="text" class="form-control" placeholder="请输入关键字查询" style="width:234px;height:21px;">
                        <span>搜索</span>
                    </div>
                    <div class="checkbox container">
                        <table style="width: 891px;" class="table table-hover ">
                            <thead>
                                <th style="	font-family: Segoe UI;
                                font-size: 14px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 19px;
                                letter-spacing: 0px;
                                color: #333333;">
                                    <input type="checkbox" name="all">全选
                                </th>
                                <th style="	font-family: Segoe UI;
                                font-size: 16px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 21px;
                                letter-spacing: 0px;
                                color: #333333;">编号</th>
                                <th style="	font-family: Segoe UI;
                                font-size: 16px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 21px;
                                letter-spacing: 0px;
                                color: #333333;">所选资源</th>
                                <th style="	font-family: Segoe UI;
                                font-size: 16px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 21px;
                                letter-spacing: 0px;
                                color: #333333;">评论内容</th>
                                <th style="	font-family: Segoe UI;
                                font-size: 16px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 21px;
                                letter-spacing: 0px;
                                color: #333333;">评论日期</th>
                                <th style="	font-family: Segoe UI;
                                font-size: 16px;
                                font-weight: normal;
                                font-stretch: normal;
                                line-height: 21px;
                                letter-spacing: 0px;
                                color: #333333;">操作</th>
                            </thead>
                            <tbody>
                                <tr>
                                    <td></td>
                                    <td> <input type="checkbox" name="num" style="position: relative;
                                        left: -124px;
                                        top: 2px;">01</td>
                                    <td>资源测试</td>
                                    <td>非常好的资源，值得大家一起去学习下载！</td>
                                    <td style="padding-right:4px">2018-10-10 15:10:00</td>
                                    <td><span>删除</span></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td> <input type="checkbox" name="num" style="position: relative;
                                            left: -124px;
                                            top: 2px;">01</td>
                                    <td>资源测试</td>
                                    <td>非常好的资源，值得大家一起去学习下载！</td>
                                    <td style="padding-right:4px">2018-10-10 15:10:00</td>
                                    <td><span>删除</span></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td> <input type="checkbox" name="num" style="position: relative;
                                            left: -124px;
                                            top: 2px;">01</td>
                                    <td>资源测试</td>
                                    <td>非常好的资源，值得大家一起去学习下载！</td>
                                    <td style="padding-right:4px">2018-10-10 15:10:00</td>
                                    <td><span>删除</span></td>
                                </tr>
                                <tr>
                                        <td></td>
                                        <td> <input type="checkbox" name="num" style="position: relative;
                                                left: -124px;
                                                top: 2px;">01</td>
                                        <td>资源测试</td>
                                        <td>非常好的资源，值得大家一起去学习下载！</td>
                                        <td style="padding-right:4px">2018-10-10 15:10:00</td>
                                        <td><span>删除</span></td>
                                    </tr>
                                    <tr>
                                            <td></td>
                                            <td> <input type="checkbox" name="num" style="position: relative;
                                                    left: -124px;
                                                    top: 2px;">01</td>
                                            <td>资源测试</td>
                                            <td>非常好的资源，值得大家一起去学习下载！</td>
                                            <td style="padding-right:4px">2018-10-10 15:10:00</td>
                                            <td><span>删除</span></td>
                                        </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- 分页 -->
        <div class="paging">
            <ul class="pagination">
                <li><a href="#">&laquo;</a></li>
                <li class="active"><a href="#">1</a></li>
                <li class="disabled"><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <div class="footer-c w">
                <div class="first">
                    <ul>

                        <li><a href="#">关于我们</a></li><span style="margin-left:15px;margin-right:15px">|</span>
                        <li><a href="#">帮助中心</a></li><span style="margin-left:15px;margin-right:15px">|</span>
                        <li><a href="#">联系我们</a></li><span style="margin-left:15px;margin-right:15px">|</span>
                        <li><a href="#">在线教学平台</a></li><span style="margin-left:15px;margin-right:15px">|</span>
                        <li><a href="#">英途信息技术</a>
                    </ul>
                </div>
                <div class="line2"></div>
                <div class="sec mt ">
                    <ul>
                        <li>由 英途信息技术 提供技术支持 CopyRight©2014 Mobile Inc. </li><span style="margin-left:15px;margin-right:15px">|</span>
                        <li>版权所有：广州市英途信息技术有限公司</li><span style="margin-left:15px;margin-right:15px">|</span>
                        <li> 粤ICP备10231381号-3号</li><span style="margin-left:15px;margin-right:15px">|</span>
                        <li> 电话：020-38921121 </li>
                    </ul>
                    <ul class="sec-md ">
                        <li>传真：020-85589057 </li><span style="margin-left:15px;margin-right:15px">|</span>
                        <li> 邮编：510635</li><span style="margin-left:15px;margin-right:15px">|</span>
                        <li> 邮箱：romen@etoinfo.com </li><span style="margin-left:15px;margin-right:15px">|</span>
                        <li> 地址：广州高新技术产业开发区科学城科学大道33号A栋2层206房</li>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="./js/index.js"></script>

</html>